﻿@charset "utf-8";
/*全局*/
html{overflow-y:scroll;*overflow:auto;_overflow-y:scroll;}
body{ cursor:default;-webkit-text-size-adjust:none;font: 22px/24px "微软雅黑","华文细黑",Arial,sans-serif;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;font: 25px/24px "微软雅黑","华文细黑",Arial,sans-serif;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
th{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul,li{list-style:none outside none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{outline:none;cursor:pointer;*outline:expression(this.hideFocus=true);text-decoration:none; color:#666666}
img,object{vertical-align:top;}
.clearfix::after {clear: both;content: "";display: block;font-size: 0;height: 0;visibility: hidden;}
.clearfix{zoom:1; }
.text-justify{text-align:justify;text-justify:inter-ideograph;}
em { font-style:normal;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}

a.colorx1{ color:#0066ff;}
a.colorx1:hover{ color:#cccccc;}
.hide{ display: none;}
.text_C,.aobut-fixbo,.order_title,.submi_btn,.submi_btn_b,.produce_btn,.produce_fixbtn,.produce_fixbtn1,.dialog_title,.produce_btn_dig,.produce_btn_dig input,.submi_btn input,.produce_btn input{ text-align:center;}
.text_L{ text-align:left;}
.text_R{ text-align:right;}
/* margin */
.marB20 { margin-bottom:20px;}
.marB80 { margin-bottom:80px;}
.marB15{ margin-bottom:15px;}
.marB10{ margin-bottom:10px;}
.marB8,.exp_time h2{ margin-bottom:8px;}
.marT15{ margin-top:15px;}
.marT20{ margin-top:20px;}
.marT10 { margin-top:10px;}
.marL10 { margin-left:10px;}
.marR10 { margin-right:10px;}



/* padding */
.paddQ10{ padding:10px;}
.paddT10 { padding-top:10px; }
.paddT15 { padding-top:15px; }
.paddT25 { padding-top:25px; }
.paddB10 { padding-bottom:10px; }
.paddL10 { padding-left:10px;}
.paddR10 { padding-right:10px;}

.padd252080{ padding:25px 20px 80px; }
.padd2030,.order_olist ul li{padding: 20px 30px;}

.padd1030{padding: 10px 30px;}
.padd0030,.order_plist,.order_cost,.order_list_top,.order_success{ padding: 0 30px;}
.padd1020,.produce_nav{ padding: 10px 20px;}
/* width */
.w185{ width: 185px;}
.w110{ width: 110px;}
.w140{ width: 140px;}
.w260{ width:260px;}
.w640{width: 640px;margin: 0 auto;}
.wq100{width: 100%;}


/* height */
.h90,header,header .logo_product,header,header .logo_product1{ height:90px; }
.h60,.submi_icon1,.aobut-fixbo,.produce_list_h3,.dialog_title,.dialog_title span{ height:60px; }

/* line-height */

.linH32,.order_list_bot,.time_box_wrap ul li{ line-height:32px;}
.linH55,.order_list_top{ line-height: 55px;}
.linH60,.order_plist,.order_cost,.order_title,.produce_list_h3,.dialog_title,.produce_box ul li{ line-height:60px;}
/* background */
.bgT-f4,.dialog_title{background:#f4f4f4;}
.bgT-ee{background:#eeeeee;}
.bgT-fb{ background-color:#fbfbfb;}
.bgT-66,.produce_fixbtn1{background:#666666;}
.bgT-15{background:#15a452;}
.bgT-ff,.produce_nav,#dialog,.order_success,.produce_box{background:#fff;}
.bgT-fd,.produce_fixbtn,.produce_fixnum span,.produce_fixnum2 span,.produce_fixnum3 span{background:#fd2a2a;}
/* color */

.colfd2,.produce_fixpri{ color:#fd2a2a; }
.col333{ color:#333; }
.col332{ color:#332c2b; }
.col666,.produce_list_h3,.submi_icon2 input,.submi_btn input,.produce_btn_dig input{ color:#666; }
.cola8a,.office_a_p,.order_cost,.order_success,.submi_icon2,.produce_fixbtn1{ color:#a8a8a8; }
.col003,.order_list_top,.dialog_title{ color:#003333; }
.colff9{ color:#ff9000; }
.colfff,.fix-bottom ul li a,.produce_fixbtn,.submi_btn_b,.produce_fixnum span,.produce_fixnum2 span,.produce_fixnum3 span,.produce_btn input{ color: #fff;}
/* border */
.borB1,.order_olist ul li,.order_cost,.order_list_top,.submi_edit input,.produce_list_h3,.dialog_title,.time_box_wrap ul li,.produce_box ul li{ border-bottom: #e2e2e2 solid 1px;}
.borT1,.order_list{border-top: #e2e2e2 solid 1px;}
.order_list_img1,.order_success,.produce_list_img,.produce_img,.submi_icon2 input{border: #e2e2e2 solid 1px;}
/*font*/
.fontS18{ font-size:20px;}
.fontS28,.order_edit,.submi_btn_b{font-size: 28px;}
.fontS32,.order_title,.produce_fixbtn,.produce_fixbtn1,.produce_fixpri,.in_text p{font-size: 32px;}
.fontS80{ font-size:80px;}
/**/
.pore,.produce_nav{ position: relative;}
.poab{ position: absolute;}
/* 快速 */
.submi_btn,.submi_icon1,.office_icon1,header .logo_product,header .logo_product1,.produce_btn,.produce_bg,.produce_btn_dig{position:absolute; right: 0px; }
.order_list_img1,.office_a_img,.produce_img,.produce_list_img,#dialog{border-radius: 4px;}

/* 头部样式 */

header{position: relative;z-index: 999;}
.fix-header{ position: fixed;height:90px; width:640px; margin:0 0 0 -320px; left: 50%;}
header .logo_h1{ width:95px; height:75px; background:url(../img/logo.png) no-repeat left center; float: left; position: absolute; left: 25px; top: 5px;}
header .logo_h2{ width:80px; height:75px; background:url(../img/logo_new02.png); float: left; position: absolute; left: 25px; top: 5px;}
header .logo_h3{ width:92px; height:75px; background:url(../img/logo_new03.png); float: left; position: absolute; left: 25px; top: 5px;}
header .logo_edit{ width: 45px; height: 45px; background: url(../img/add_ing_successs.png) no-repeat center center; position: absolute;right: 25px; top:22px;}
header .logo_edit_gray{ width: 45px; height: 45px; background: url(../img/add_ing_gray.png) no-repeat center center; position: absolute;right: 25px; top:22px;}
header .logo_product,header .logo_product1{width: 110px; background: url(../img/list_top01.png) no-repeat center center; top:0px;border-left:#e2e2e2 solid 1px ;}
header .logo_product1{background: url(../img/list_top02.png) no-repeat center center; }
.in_text p{ color: #582c01; border-bottom: #582c01 dashed 1px; padding:14px 20px; line-height:40px;}
.exp_time{ padding: 20px; border-radius: 20px; color:#feda4b; }
.exp_time h2{ padding-left:30px; background: url(../img/icon_time.png) no-repeat left 2px; background-size: 20px 21px;}

.fix-bottom,.aobut-fixbo,.produce_fixbo{ position: fixed; bottom: 0; height: 80px; width:640px; margin:0 0 0 -320px; left: 50%;}
.fix-bottom ul li{ width:32%; float: left; line-height: 80px;}
.fix-bottom ul li a{display:block; padding-left:60px;font-size: 28px; font-weight: 500;}

/*-------------- 子页面------------- */

.order_box{ background-color: #fbfbfb;border-bottom: 2px solid #e2e2e2;}
.order_box .center{ color: #707070; text-align: center; font-size: 40px; line-height: 90px;}

.order_list{ background: #fbfbfb;  border-bottom: #e2e2e2 solid 2px;}
.order_olist ul li:last-child{border-bottom:none;}
.order_olist ul li p{ line-height: 30px;}
.order_a_add1,.order_a_add2,.order_a_add3{float: right; width: 33px; height: 33px;}
.order_a_add1{  background: url(../img/add_img_add.png) no-repeat center center; margin: 15px 0 0;}
.order_a_add2{  background: url(../img/add_img_edit.png) no-repeat center center; background-size: 26px 27px; }
.order_a_add3{  background: url(../img/add_img_delete.png) no-repeat center center; background-size: 26px 27px; }
.order_edit,.submi_edit{line-height: 80px; margin: 0 30px;}
.order_edit input{border: none; width: 390px; line-height:40px; color: #666; background:transparent;}
.order_list_img1{ width:107px; height: 81px; margin: 0 15px 0 0;}
.order_list_top{ background-color: #f5f5f5;  font-size: 22px;}
.order_list_bot{ position: relative; padding-left: 120px;}
.order_list_bot span{ position: absolute; left: 0px; top:-1px;}
.order_success{ margin: 0 30px; }



.about_text{ color: #582c01; padding: 20px 40px 10px;}
.about_text p{ text-indent: 2em; margin-bottom: 20px; line-height: 30px;}
.aobut-fixbo{  line-height: 60px;font-size: 32px; color: #332c2b; background-color: #e6e4e4;}

.office_a_img{ width: 164px; height: 145px; margin: 0 15px 0 0; border: #e2e2e2 solid 4px;}
.office_a_p{ position: relative; margin: 10px 0; line-height: 30px; padding-right:60px;}
.office_icon1,.office_icon2{width:34px; height:34px;background-size: 24px 34px;}
.office_icon1{ top: 50%; margin-top: -17px;background: url(../img/add_img_map.png) no-repeat center center; }
.office_icon2{ float: right;  background: url(../img/add_img_iphone.png) no-repeat center center;  }

.submi_icon1{ top: 0px; width:100px; border-left:#e2e2e2 solid 1px ;background: url(../img/add_img_edit.png) no-repeat center center;background-size: 30px 32px;}
.submi_edit input{ width: 410px; line-height:40px; color: #666; border-left: none;border-right: none;border-top: none; background: transparent;}
.submi_icon2{ float: right;background: url(../img/add_img_edit.png) no-repeat right center;background-size: 30px 32px; padding:17px 38px 0 0; height:40px;}
.submi_icon2 input{ width:140px; font-size: 24px;}
.submi_btn{ top:50%; margin-top:-20px; line-height: 42px; width: 140px;right: 30px;}
.submi_btn input,.produce_btn input,.produce_btn_dig input{ border: none; display: inline-block; width: 50px; background-color:transparent;}
.submi_red{ float: left;width: 42px; line-height: 42px; height:42px;background: url(../img/list_reg.png) no-repeat center center;}
.submi_add{ float: right;width: 42px; line-height: 42px; height:42px;background: url(../img/list_add.png) no-repeat center center;}
.submi_btn_b{ margin:0 auto 15px; width: 80%; height: 70px; line-height: 70px; display: block;}

.produce_btn,.produce_btn_dig{ bottom:5px; line-height: 42px; width: 140px; z-index: 10; right:5px;}
.produce_btn_dig{bottom:13px; right: 15px;}
.produce_list ul li{ float: left; width: 265px; margin: 0 0 10px 36px; background-color: #fff; border-radius: 0 0 5px 5px;border: 1.5px solid #D8D8D8;}
.produce_bg{ height: 50px; width: 265px; background: rgba(0,0,0,0.5); bottom: 0px; z-index: 1; }
.produce_icon{background: url(../img/list_hearl.png) no-repeat left center; padding-left:26px; background-size: 22px 22px; display: inline-block;}
.produce_title{ height:50px; line-height: 25px; display:table-cell;  vertical-align: middle; overflow: hidden;}

.produce_fixbo{  font-size: 32px; background-color: #e6e4e4; z-index: 100;}
.produce_fixbtn,.produce_fixbtn1{ float: right; width: 222px; height: 72px; line-height: 72px;}
.produce_fixnum{ height:85px; width:95px; position: absolute; bottom: 10px; left: 20px; display: inline; background: url(../img/gouwu_icon.png) no-repeat 10px 10px;}
.produce_fixnum2{ height:85px; width:95px; position: absolute; bottom: 10px; left: 20px; display: inline; background: url(../img/gouwu_icon.png) no-repeat 10px 10px;}
.produce_fixnum3{ height:85px; width:95px; position: absolute; bottom: 10px; left: 20px; display: inline; background: url(../img/gouwu_icon.png) no-repeat 10px 10px;}
.produce_fixnum span,.produce_fixnum2 span,.produce_fixnum3 span{ border-radius:50%;display: inline-block; padding:5px 10px; float: right;}
.produce_fixpri{position: absolute; bottom:23px; left: 120px;}

.produce_list_img{ width:164px; height:124px; margin: 0 15px 0 0;}
.produce_list_h3{ padding: 0 20px; cursor: pointer;line-height: 85px; height: 85px; font-size: 32px;}
#produce_menu{ position: absolute; width:150px; right: 10px;max-height:580px;overflow-y:auto;}

.produce_box{ z-index:99;display: none;position: fixed; bottom:-100px; width:640px; margin:0 0 0 -320px; left: 50%;}
.produce_box_a{background: url(../img/red_img_delete.png) no-repeat center center; float: left; background-size:32px 32px; width:32px; height:32px; margin: 12px 20px 0 10px;}

.rulebtn{position: absolute;right:20px;display: block;height:24px; top:30px;transform: rotate(0deg);transition: all 0.5s ease 0s;
-webkit-transform: rotate(0deg);-webkit-transition: all 0.5s ease 0s;width:13px;background: url(../img/list_arrow.png) no-repeat scroll 0 0;
background-size:100% auto;}
.ruleBoxShow .rulebtn{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
#city{ padding-top: 25px;}
#city select{ width: 120px; height: 36px;}


.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);transform: translateY(30px);}
  80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
  100% {-webkit-transform: translateY(0);transform: translateY(0);}
}

@keyframes bounceInDown {
  0% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
  60% {opacity: 1;-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transform: translateY(30px);}
  80% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  100% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

.bounceInDown {-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}

@-webkit-keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);transform: translateY(0);}
  20% {opacity: 1;-webkit-transform: translateY(20px);transform: translateY(20px);}
  100% {opacity: 0; -webkit-transform: translateY(-2000px);transform: translateY(-2000px);}
}

@keyframes bounceOutUp {
  0% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  20% {opacity: 1;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
  100% {opacity: 0;-webkit-transform: translateY(-2000px);-ms-transform: translateY(-2000px);transform: translateY(-2000px);}
}
.bounceOutUp {-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:542px;display:none;position:fixed;top:50%;left:50%;margin:-294px 0 0 -271px;z-index:10000;border:1px solid #c4c4c4;}
.dialog_title span{ float: right; background: url(../img/edit_icon.png) no-repeat center center; width: 60px; cursor: pointer;}

.time_div{position:relative; float: left;}
.time_box_wrap{padding: 10px;border-radius: 5px;z-index: 2;display:none;width:150px;box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.35);background:#f6f6f6;border:1px solid #ccc;float:left;position:absolute; top:27px; left:0px; }
.time_box_wrap ul{ overflow-y: auto; height: 200px; overflow-x: hidden;}
.time_box_wrap ul li{ padding: 5px 0; font-weight: none;font-size: 22px;}
.arrow_top{position: absolute;top: -10px;left: 20px;background: url(../img/top_arr.png) no-repeat;width: 18px;height: 10px;z-index: 3;}
 .select_addr{ background: url(../img/add_ing_successs.png) no-repeat center center; background-size: 26px 27px; }
#map_listbg{ left: 10px; border-radius: 0 0 5px 5px; color:#666666; position: absolute; z-index: 1000; width: 130px; padding-left:12px; height:40px; line-height: 40px; background-color: #f8f8f8; cursor: pointer; }
#map_listbg .rulebtn{ top: 8px; right: 15px;}

.juan_box_z{ border-radius: 10px;}

.juan_bg_zs{background-color:#b6b6b6;}
.juan_bg_z1{background-color:#d4418f;}
.juan_bg_z2{background-color:#44baae;}
.juan_bg_z3{background-color:#9b49eb;}
.juan_box_one{ padding:40px 0 0 10px;}
.juan_box_tow{ text-align: center; padding: 15px 40px; background: url(../img/640_03.png) repeat-x bottom center;}
.juan_box_tow p{line-height: 26px; margin-bottom: 5px; font-size:16px;}

.juan_box_tree{display: block; height:70px; text-align: center; background-color: #fff; border-radius: 0 0 10px 10px;}
.juan_box_tree p{ font-size:32px; line-height:70px; text-align: center; display: inline;}
.juan_title{ text-align: center; font-size: 40px; line-height: 90px;}
.not_coupon {
	  padding: 25px 0 25px 100px;
	  height: 50px;
	  background: url(../img/not_coupon.png) scroll no-repeat left center;
	  background-size: 75px 75px;
	  color: #333333;
	  width: 190px;
	  margin: 0 auto 10px;
	}